/*Css configuration for Jquery Tab System*/

#Mytab{
	border-radius: 0 !important;
	padding:0 !important;
	border:none !important;
	.ui-tabs-nav{
		border-radius: 0 !important;
		padding:0 !important;
	}
	.ui-widget-content{
		border:none;
		color:$black;
		background: $white;
	}
	.ui-widget-header{
		background: $white;
		font-weight: bolder !important;
		font-family: $verdana !important;
		border:none !important;
		size:10px !important;
		color:$white !important;
		li{
			border:none !important;
			border-radius: 0 !important;
			margin-right:15px;
			a{
				color:$white;
				font-weight: bold;
				font-size: 10px;
				font-family: $verdana;
				text-transform: uppercase;
				@include button($black,$white,$yellow,$black);
				padding:15px 42px;
			}
		}
		.ui-state-default{
			background: none;
		}
		.ui-tabs-selected>a{
			background-color: $yellow !important;
			color:$black;
		}

	}
	.ui-tabs-panel{
		padding: 30px 0 !important;
	}
}
.ui-progressbar-value{
	
	height: 100%;
	width: 100%;
	display: block;
}
#progressbar{
	position:fixed;
	z-index:99999;
	color:#fff;
	background: url("../img/myskill.gif") 50% 50% no-repeat rgba(255, 255, 255, 0.31);
	width:100%;
	width:calc(100%);
	width:-webkit-calc(100%);
	width:-moz-calc(100%);
	width:-o-calc(100%);
	height:100%;
	top:0;
	left:0;
}

.my-min-height{
	min-height:700px !important;
}
ul.yiiPager a:link{
	padding:0;
	color:$black !important;
}
.pager li>a{
	padding: 5px 14px !important;
	border:1px solid $black !important;
	&:hover{
		background:$yellow !important;
	}
}
.list-view .pager{
	clear:both !important;
}
ul.yiiPager .selected a{
	background:$yellow !important;
	color: $black !important;
	border:1px solid $black !important;
}
.yiiPager li.next a{
	margin-left: 5px !important;
}

.trainerProfilereview{
	@extend .review;
}
.review-control1{
	background: none;
	background-image: none;
	width: 20px;
	position: absolute;
	height: 20px;
	right: -66px;
	top: 14px;
	left: 333px;
}
.review-control2{
	background: none;
	background-image: none;
	width: 20px;
	position: absolute;
	height: 20px;
	top: 40px !important;
	right: 25px !important;
}
.form-print{
	width:82% !important;
	input{
	height: 53px !important;

	}
}